<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>First</th>
          <th>Header</th>
        </tr>
        <tr>
          <th>Second</th>
          <th>Header</th>
        </tr>
        <tr>
          <th>Level 2</th>
          <th>Header</th>
        </tr>
        <tr>
          <th>Level 3</th>
          <th>Header</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Body</td>
          <td>Cells</td>
        </tr>
        <tr>
          <td>Yet</td>
          <td>More</td>
        </tr>
        <tr>
          <th>Level 2</th>
          <th>Header Inside</th>
        </tr>
        <tr>
          <th>Level 3</th>
          <th></th>
        </tr>
        <tr>
          <td>Even</td>
          <td>More</td>
        </tr>
        <tr>
          <td>Body</td>
          <td>Cells</td>
        </tr>
        <tr>
          <th>One Last Header</th>
          <th>For Good Measure</th>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>Footer</td>
          <td>Row</td>
        </tr>
        <tr>
          <td>Ending</td>
          <td>Table</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>
